<template>
    <div>
        <div class="paid-cont">
            <div class="icon-style">
                <i class="iconfont icon-duigou"></i>
            </div>
            <div class="paid-msg">
                <div class="paid-msg-succ">支付成功</div>
                <div style="font-size: 14px;color: #999999">
                    <span style="color: #00a4a0" @click="goview">查看详情</span>
                    &nbsp;&nbsp;&nbsp;&nbsp;支付金额：
                    <span style="color: rgb(243,93,93);float: right;display: inline-block;width: 62px;text-align: center">￥{{this.$route.params.price}}</span>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</template>

<script>
export default {
  name: 'paidsucc',
  data () {
    return {
      headermsg: '支付成功'
    }
  },
  methods: {
    goview () {
      this.$router.push('/users/index')
    }
  }
}
</script>

<style lang="scss" scoped>
.paid-cont{
    width: 268px;
    margin: 100px auto;
}
.icon-style{
    color: #00a4a0;
    float: left;
    i{
        font-size: 36px;
    }
}
.paid-msg{
    float: left;
    margin-left: 20px;
    line-height: 28px;
}
.paid-msg-succ{
    font-size: 22px;
}
</style>
